@use "../../frameless";

.join {
    position: absolute;
    z-index: 1000;
    top: 12px;
    left: 12px;
    left: calc(25% - 76px);

    .logo {
        width: 76px;
    }
}

@media #{frameless.$small}, #{frameless.$medium}, #{frameless.$intermediate} {
    .join {
        left: calc(50% - 38px);
    }
}
